<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>角色信息</title>
<link rel="stylesheet" href="..static/css/common.css" media="all">
<link rel="stylesheet" href="../static/layui/css/layui.css"media="all">
<link rel="stylesheet" href="../static/css/util.css">
<script type="text/javascript" src="../static/js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="../static/js/sys/role/role.js"></script>
<script src="../static/layui/layui.js" charset="utf-8"></script>
<style>
body {
	margin: 10px;
}

.demo-carousel {
	height: 200px;
	line-height: 200px;
	text-align: center;
}
</style>

</head>
<body>


	<div id="search-header">
		<form id="RoleForm" lay-filter="RoleForm" class="layui-form">
			<div class="layui-form-item">
				<div class="layui-inline">
					<label class="layui-form-label">角色名</label>
					<div class="layui-input-inline">
						<input type="text" name="roleName" placeholder="请输入"
							autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">描述</label>
					<div class="layui-input-inline">
						<input type="text" name="description" placeholder="请输入"
							autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">角色可用</label>
					<div class="layui-input-inline">
						<select name="roleable" lay-verify="">
							<option value="">请选择</option>
							<option value="1">是</option>
							<option value="0">否</option>
						</select>
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">用户可用</label>
					<div class="layui-input-inline">
						<select name="userable" lay-verify="">
							<option value="">请选择</option>
							<option value="1">是</option>
							<option value="0">否</option>
						</select>
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label"></label>
					<div class="layui-input-inline">
						<button class="layui-btn" lay-submit="" lay-filter="roleSearchBtn">
							<i class="layui-icon layui-icon-search"></i> 查询
						</button>
						<button class="layui-btn" type="reset">
							<i class="layui-icon layui-icon-refresh"></i> 重置
						</button>
					</div>
				</div>
			</div>
		</form>
	</div>
	<!-- 数据显示区 -->
	<table class="layui-hide" id="RoleTable" lay-filter="RoleTable"></table>


	<div id="addRoleModal" class="definedModal">
		
		<form id="addRoleForm" lay-filter="addRoleForm" class="layui-form">
			<div class="layui-form-item">
				<label class="layui-form-label">角色名</label>
				<div class="layui-input-block">
					<input type="text" name="roleName" lay-verify="required"
						placeholder="请输入" autocomplete="off" class="layui-input">
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">描述</label>
				<div class="layui-input-block">
					<input type="text" name="description" lay-verify="required"
						placeholder="请输入" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<div class="layui-input-block">
					<button type="button" class="layui-btn" id="addRole"
						lay-submit="addRoleBtn" lay-filter="addRoleBtn">立即提交</button>
					<button type="button" class="layui-btn modalClose">关闭</button>
				</div>
			</div>
		</form>
	</div>
	<!--修改模态框-->
	<div id="updateRoleModal" class="definedModal">
		<form id="updateRoleForm" lay-filter="updateRoleForm"
			class="layui-form">
			<input type="hidden" name="_method" value="PUT"> <input
				type="hidden" name="roleId">
			<div class="layui-form-item">
				<label class="layui-form-label">角色名</label>
				<div class="layui-input-block">
					<input type="text" name="roleName" lay-verify="required"
						placeholder="请输入" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">角色可用</label>
				<div class="layui-input-block">
					<select name="roleable" lay-verify="">
						<option value="">请选择</option>
						<option value="1">是</option>
						<option value="2">否</option>
					</select>
				</div>
			</div>
			<div class="layui-form-item layui-form-text">
				<label class="layui-form-label">描述</label>
				<div class="layui-input-block">
					<textarea name="description" placeholder="请输入"
						class="layui-textarea"></textarea>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">用户可用</label>
				<div class="layui-input-block">
					<select name="userable" lay-verify="">
						<option value="">请选择</option>
						<option value="1">是</option>
						<option value="2">否</option>
					</select>
				</div>
			</div>
			<div class="layui-form-item">
				<div class="layui-input-block">
					<button id="updateRoleBtn" type="button" class="layui-btn"
						lay-submit="" lay-filter="updateRoleBtn">立即提交</button>
					<button type="button" class="layui-btn modalClose">关闭</button>
				</div>
			</div>
		</form>
	</div>
</body>
</html>
